<template>
  <div id="service-file">
    <div class="form-wrap mb20">
      <div v-for="(item, idx) in fields" :key="idx">
        <os-switch :item='item' v-if="item.type=='switch'"></os-switch>
        <os-input :item='item' v-if="item.type=='input'"></os-input>
      </div>
    </div>
    <div class="toolbar">{{$t('service.file.toolbar')}}</div>
  </div>
</template>

<script>

  export default {

    computed: {

      fields(){
        return this.$t('service.file.fields')
      }
    },
    created(){
      this.$bus.emit('changeTab', 5)
    }
  }
</script>

<style lang="scss" scoped>

</style>
